<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/reset.css">
    <link rel="stylesheet" href="../static/css/user.css">
    <title>容智车联车厢管家</title>
</head>
<body>
<div class="container-fluid">
    <!--右边内容区-->
    <div class="row-fluid bg-white  pad-10 bdbox pos-re">
        <div class="p-b-10 ov-h">
            <form class="navbar-search pull-left">
                <input type="text" class="search-query" placeholder="输入搜索信息"/>
                <button class="search-lence"></button>
            </form>
            <div class="pull-right offset4">
                <button class="btn bg-color" id="add_info">增加</button>
            </div>
        </div>
        <!--以上是搜索框，增加按钮组-->
        <!--以下是信息修改/新建信息弹出页面-->
        <div class="pos-ab wh-bfb pad-30 bdbox" id="pop_info">
            <div class="container w-lim pad-10 ov-h bdbox">
                <div class="row-fluid bot-dot">
                    <div class="span3 offset1 text-right">账号:</div>
                    <div class="span2">
                        <input type="text" placeholder="点击再次输入" class="card-input" id="account"
                               value="${user.name!""}"/></div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 offset1 text-right">密码:</div>
                    <div class="span2 pos-re">
                        <input type="password" placeholder="点击再次输入" class="code-input" id="pwd"
                               value="${user.password!""}"/>
                        <span class="pos-ab recheck-btn" data-toggle="modal" data-target="#myModal">修改密码</span>
                    </div>
                </div>
                <!--<div class="row-fluid p-t-10 bot-dot">-->
                <!--<div class="span3 offset1 text-right">所属场站:</div>-->
                <!--<div class="span2  pos-re">-->
                <!--<input type="text" placeholder="点击再次输入" class="owner-input"/>-->
                <!--<span class="pos-ab" id="recheck-btn">修改/查看</span>-->
                <!--</div>-->
                <!--</div>-->
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 offset1 text-right">角色:</div>
                    <div class="span2 pos-re">
                        <input type="text" placeholder="点击再次输入" class="role-input" id="power" value="${type!""}"/>
                        <button class="btn btn-info pos-ab auth-btn dis-no" id="auth-btn">
                            查看权限
                        </button>
                        <ul class="power-pop pos-ab dis-no pad-10 four-border">
                            <li class="text-center p-b-10">客户管理</li>
                            <li class="text-center p-b-10">用户管理</li>
                            <li class="text-center p-b-10">场站管理</li>
                            <li class="text-center p-b-10">车辆管理</li>
                            <li class="text-center p-b-10">设备管理</li>
                        </ul>
                    </div>
                </div>
                <!--<div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 offset1 text-right">姓名:</div>
                    <div class="span2 ">
                        <input type="text" placeholder="点击再次输入" class="name-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 offset1 text-right">电话:</div>
                    <div class="span2">
                        <input type="text" placeholder="点击再次输入" class="tel-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 offset1 text-right">邮箱:</div>
                    <div class="span2">
                        <input type="text" placeholder="点击再次输入" class="email-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 offset1 text-right">备注:</div>
                    <div class="span2">
                        <input type="text" placeholder="点击再次输入" class="node-input"/>
                    </div>
                </div>-->
            </div>
            <!--以下按钮组用于修改信息用-->
            <#--<div class="w-lim2" id="txt_add">-->
                <#--<button class="btn  bg-color2" id="back">返回</button>-->
            <#--</div>-->
        </div>
    </div>
</div>
</div>

<!-- 点击删除按钮时弹出的模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
     style="width:350px;margin-left:-175px">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-color">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <p class="modal-title text-center " id="myModalLabel">
                    修改密码
                </p>
            </div>
            <div class="modal-body text-center">
                <div class="row-fluid bot-dot">
                    <div class="span4 text-right">原始密码:</div>
                    <div class="span8">
                        <input type="password" placeholder="原始密码" class="card-input" id="oidPassword"></div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span4 text-right">新的密码:</div>
                    <div class="span8 pos-re">
                        <input type="password" placeholder="新的密码" class="code-input" id="newPassword">

                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span4 text-right">确认密码:</div>
                    <div class="span8 pos-re">
                        <input type="password" placeholder="确认密码" class="code-input" id="newPasswordt">

                    </div>
                </div>
            </div>
            <div class="modal-footer text-center">
                <button type="button" class="btn bg-color span2" data-dismiss="modal">取消
                </button>
                <button type="button" class="btn bg-color2 span2" id="yesupdate">
                    确认
                </button>
            </div>
        </div>
    </div>
</div>
<!-------查看/修改的模态窗--------->
<div id="pop-bottom">
</div>

<!--以下是新建信息弹出页面-->
<div class="container ov-h bdbox bg-white p-b-20 pos-re new-count dis-no" id="new-count">
    <h3 class="text-center tit-top p-r-10 pos-re">添加所属场站</br>
        <button type="button" class="close fix-close p-t-10 p-l-10" data-dismiss="modal" aria-hidden="true">
            &times;
        </button>
        <div class="pos-re">
            <form class="navbar-search  m-l-62">
                <input type="text" class="search-query" placeholder="输入关键字"/>
                <span class="search-lence2"></span>
            </form>
        </div>
    </h3>
    <div class="row-fluid pad-10 bdbox">
        <ol class="span6 p-l-10 p-r-10 bdbox text-center" id="left-list">
            <dt class="p-b-10">已选（0项）</dt>
            <dd class="p-b-10"><input type="checkbox" checked/> 天津五河场站</dd>
            <!--<dd class="p-b-10"><input type="checkbox"/> 天津五河场站</dd>
          <dd class="p-b-10"><input type="checkbox"/> 天津五河场站</dd>
          <dd class="p-b-10"><input type="checkbox"/> 天津五河场站</dd>
          <dd class="p-b-10"><input type="checkbox"/> 天津五河场站</dd> -->
        </ol>
        <ol class="span6  p-l-10 p-r-10 bdbox text-center" id="right-list">
            <dt class="p-b-10">待选（44项）</dt>
            <dd class="p-b-10"><input type="checkbox"/> 天津五河场站</dd>
            <dd class="p-b-10"><input type="checkbox"/> 天津五河场站</dd>
            <dd class="p-b-10"><input type="checkbox"/> 天津五河场站</dd>
            <dd class="p-b-10"><input type="checkbox"/> 天津五河场站</dd>
            <dd class="p-b-10"><input type="checkbox"/> 天津五河场站</dd>
        </ol>
    </div>
    <div class="row-fluid p-t-10 p-l-48 p-l-20" id="new_add">
        <button class="btn span8 bg-color offset1">确认添加</button>
    </div>
</div>
<script src="../static/js/jquery.min.js"></script>
<script src="../static/js/bootstrap.min.js"></script>
<script src="../static/js/user.js"></script>
<#--<script src="../static/js/quanxian.js"></script>-->
<script src="../static/js/session.js"></script>
<script src="../static/js/user/userInfo.js"></script>
<#--<script>-->
<#--$(function () {-->

<#--$('#recheck-btn').click(function () {-->
<#--//            alert('输入新密码');-->
<#--//            $('#back').html('确定');-->
<#--var pwd =  $('#pwd').val();-->
<#--alert('新密码为：'+pwd);-->
<#--location.href="../user/updatePassword?password="+pwd;-->
<#--//            location.href="../user/login;-->
<#--});-->
<#--})-->
<#--</script>-->

</body>
</html>
